<?php include('../../../init.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>请不要使用过时的浏览器 - <?php echo Option::get('blogname') ?></title>
</head>
<body>
<div class="box-100">
	<div class="box header">
		<h1 class="logo-h1"><a href="/" title="<?php echo BLOG_URL; ?>"></a></h1>
    </div>
</div>
<style>
body{ background:#f8f8f8;}
.wel-box{ border-top:solid 4px #eee;overflow: hidden; padding-top:50px;}
.wel-text{
    width:400px; 
    margin:0 auto; 
    padding:260px 13px 0; 
    background:url(<?php echo TEMPLATE_URL.'img/' ?>bg_wel.jpg) 0 0 no-repeat;
}
.wel-text h2{ 
    color:#666; 
    padding-bottom:30px;
}
.wel-text li{ 
    float:left; 
    display:inline; 
    width:90px; 
    height:100px; 
    margin-right:8px; 
    border:solid 1px #f8f8f8; 
    text-align:center;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px; 
    border-radius:4px; 
    position:relative;
}
.wel-text li img{
    display:block; 
    margin:15px auto;
}
.wel-text li span{
    font-size:14px; 
    color:#494949; 
    font-family:Arial; 
    font-weight:bold;
}
.wel-text li:hover,
.wel-text li.tuijian{
    border:solid 1px #ddd; 
    background:#fff;
}
.wel-text li i{ 
    display:block; 
    width:34px;
    height:34px;
    position:absolute; 
    right:-1px; 
    top:-1px; 
    background:url(<?php echo TEMPLATE_URL.'img/' ?>wel-tuijian.png);
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php echo TEMPLATE_URL.'img/' ?>wel-tuijian.png",enabled=true,sizingMethod=crop);
}
.wel-text li em{
    display: block;
    width: 48px;
    height: 48px;
    margin: 15px auto;
}
.wel-text li em.chrome{
    background: url("<?php echo TEMPLATE_URL.'img/' ?>logo-chrome.png") no-repeat 0 0;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php echo TEMPLATE_URL.'img/' ?>logo-chrome.png",enabled=true,sizingMethod=crop);
}
.wel-text li em.firefox{
    background: url("<?php echo TEMPLATE_URL.'img/' ?>logo-ff.png") no-repeat 0 0;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php echo TEMPLATE_URL.'img/' ?>logo-ff.png",enabled=true,sizingMethod=crop);
}
.wel-text li em.ie10{
    background: url("<?php echo TEMPLATE_URL.'img/' ?>logo-ie10.png") no-repeat 0 0;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php echo TEMPLATE_URL.'img/' ?>logo-ie10.png",enabled=true,sizingMethod=crop);
}
.wel-text li em.safari{
    background: url("<?php echo TEMPLATE_URL.'img/' ?>logo-safari.png") no-repeat 0 0;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php echo TEMPLATE_URL.'img/' ?>logo-safari.png",enabled=true,sizingMethod=crop);
}

</style>
<div class="wel-box">
	<div class="wel-text">
    	<h2>推荐使用以下浏览器访问 <?php echo Option::get('blogname') ?>：</h2>
        <ul>
        	<li class="tuijian">
            	<a href="https://www.google.com/intl/zh-CN/chrome/browser/index.html?system=true&standalone=1#eula" rel="nofollow" target="_blank"><span title="Chrome"><em class="chrome"></em>Chrome</span></a>
                <i></i>
            </li>
            <li>
            	<a href="http://www.firefox.com.cn/" rel="nofollow" target="_blank"><span title="Firefox"><em class="firefox"></em>Firefox</span></a>
            </li>
            <li>
                <a href="http://www.apple.com/cn/safari/" rel="nofollow" target="_blank"><span title="Safari"><em class="safari"></em>Safari</span></a>
            </li>
            <li>
                <span title="IE10"><em class="ie10"></em>IE11</span>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fe05e14d468d18c3e7677ef5401c0698c' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>
